
<#macro layout>

    <html>
    <head>
        <title>开会吧管理系统</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta http-equiv="X-UA-Compatible" content="chrome=IE8" />
        <!-- system static file set -->
        <link href='${ctx}/static/assets/css/bootstrap.min.css'
              type='text/css' rel='stylesheet'>
        <link href="${ctx}/static/assets/css/jquery-ui-1.10.3.custom.min.css"
              rel="stylesheet">
        <script src='${ctx}/static/jquery/1.8.3/jquery.js'
                type='text/javascript'></script>

        <!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
        <!--[if lt IE 9]>
        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->


    </head>
    <#nested>
    </html>
</#macro>

<@layout>
<style>
    <!--
    body {
        margin: 0px;
        padding: 0px;
        background: #297fa7 url(${ctx}/static/images/login/bg.jpg) repeat-x top;
        text-align: center;
        font-family: "宋体";
        font-size: 12px;
    }

    * {
        padding: 0px;
        margin: 0px;
    }

    img {
        border: 0px;
    }

        /* 底图 */
    #left-b-img {
        position: absolute;
        left: 0px;
        bottom: 0px;
    }

    #right-b-img {
        position: absolute;
        right: 0px;
        bottom: 0px;
    }
        /* logo */
    .logo-ctn-a {
        position: absolute;
        top: 30px;
        left: 0px;
        right: 0px;
    }

    .logo-ctn {
        width: 860px;
        height: 100%;
        overflow: hidden;
        margin: auto;
    }

    #logo {
        float: left;
    }

    #logo-word {
        float: left;
        margin: 50px auto auto 10px;
    }
        /* 登录*/
    #login-ctn {
        width: 447px;
        margin: 0px auto;
        height: 247px;
        padding-top: 180px;
    }

    #login_form {
        clear: both;
        width: 447px;
        height: 247px;
        margin: 0px auto;
        background: url(${ctx}/static/images/login/form_bg.png) no-repeat center;
        color: #FFF;
        font-size: 14px;
        font-weight: bold;
    }
    -->
</style>
<script type="text/javascript">
    function checkParent(){
        if(window.parent.length>0){
            window.parent.location="login.html";
        }
    }


</script>

<body onload="checkParent()">


<div id="right-b-img"></div>
<div class="logo-ctn-a">
    <div class="logo-ctn">
        <div id="logo"></div>
        <div id="logo-word"></div>
    </div>
</div>
<div id="login-ctn">
    <h3>开会吧管理系统</h3>
    <form action="${ctx}/login" method="post">
        <table id="login_form" width="447" border="0" cellpadding="0"
               cellspacing="0">
            <tr>
                <td colspan="2" style="height: 50px;color: #c00; text-align: center;">
                    ${msg?if_exists}</td>
            </tr>
            <tr>
                <td width="190" align="right">登录帐号：</td>
                <td align="left">
                    <input type="text"  id="username" name="username"
                           value='' autofocus="autofocus"
                           style='width: 120px;height:27px' /></td>
            </tr>
            <tr>
                <td width="190" align="right">登录密码：</td>
                <td align="left">
                    <input type="password" id="passwd"
                           value='' name="passwd" class=""
                           required="true" style='width: 120px;height:27px' /></td>
            </tr>

            <tr>
                <td colspan="2"  align="center">
                    <button type="submit" class=" btn btn-primary   btn-block " style="width: 40%;">登陆</button></td>

            </tr>
        </table>
       
    </form>
</div>
</body>

</@layout>

